<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$eju.field.seo_title}</title>
<meta name="description" content="{$eju.field.seo_description}" />
<meta name="keywords" content="{$eju.field.seo_keywords}" />
<link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta http-equiv="Cache-Control" content="no-transform" />
{eju:static file="skin/css/eju.css" /}
{eju:static file="skin/css/news.css" /}
{eju:static file="skin/css/css.css" /}
{eju:static file="skin/css/loupan.css" /}
{eju:static file="skin/js/jquery-1.10.2.min.js" /}
{eju:static file="skin/js/jquery.qrcode.min.js" /}
{eju:static file="skin/css/public.css" /}
</head>
<!--[if IE 6]>
  <link rel="stylesheet" href="{eju:static file="skin/css/ie6.css" /}">
  <script src="{eju:static file="skin/js/dd_belatedpng_0.0.8a.js" /}" type="text/javascript" ></script>
  <script type="text/javascript">
    DD_belatedPNG.fix('*');
  </script>
<![endif]-->
<body>
<!-- 头部 -->
{eju:include file="header.htm"/}
<!-- 头部:end-->
{eju:static file="skin/js/jquery.form.js" /}
{eju:static file="skin/js/layer.js" /}
{eju:static file="skin/js/js.js" /}
{eju:static file="skin/css/shapan.css" /}
{eju:static file="skin/css/video-js.css" /}
{eju:static file="skin/js/video.js" /}
<!-- crumbs -->
<div class="house-crumbs">
  <div class="crumbs"> <span>您的位置：</span>{eju:position style="crumb" /}<em>></em>{$eju.field.xinfang.title} </div>
</div>
<!-- crumbs:end-->
<div class="w1200s">
  <div class="h10"></div>
  <div class="w1200" style="overflow: hidden;">
    <div class="w240 fl">{eju:adv pid='4'}<img src="{$field.litpic}">{/eju:adv}</div>
    <div class="fl" style="width: 960px;">
      <ul class="ad2-ul">
        {eju:adv pid='5'}
        <li><a href="{$field.links}" {$field.target}><img src="{$field.litpic}" alt="{$field.title}"></a></li>
        {/eju:adv}
        {eju:adv pid='6'}
        <li><a href="{$field.links}" {$field.target}><img src="{$field.litpic}" alt="{$field.title}"></a></li>
        {/eju:adv}
      </ul>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
  {eju:static file="skin/css/building_head.css" /}
  <div class="lp-ad"></div>
  <div class="h10"></div>
  {eju:include file="follow.htm"/}
  <div class="firstbox">
    <!-- left -->
    <div class="firstleft fl">
      <!-- 轮播开始 -->
      <div class="focus">
        <div class="albums-detail">
          <div class="albums">
            <div class="content">
              <!--幻灯-->
              <div class="slide">
                <ul class="slide-ul">
                  {eju:notempty name="$eju.field.video"}
                  <li>
                    <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" width="100%" height="100%" controls webkit-playsinline preload="none" poster="{$eju.field.litpic}" data-setup="{}">
                      <source src="{$eju.field.video}" type="video/mp4">
                      您的浏览器不支持HTML5视频 </video>
                  </li>
                  {/eju:notempty}
                  {eju:fanglist type="photo" id="vo" group="photo_type"}
                  {eju:fanglist name="$vo.children" id="field" limit='0,1'}
                  <li> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'photo','photo_type'=>$field.photo_type,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" alt="{$field.photo_title}"> <img data-echo="{$field.photo_pic}" src="{$field.photo_pic}"  class="lazy" alt="{$field.photo_type}{$field.photo_title}"> </a> </li>
                  {/eju:fanglist}
                  {/eju:fanglist}
                </ul>
                <!--按钮-->
                <div> <a class="slide-btnz slide-btn1" href="javascript:void(0);"></a> <a class="slide-btny slide-btn1" href="javascript:void(0);"></a> </div>
              </div>
              <!--走马灯-->
              <div class="zmd">
                <div class="zmd-container">
                  <div class="move">
                    <ul class="zmd-container-ul">
                      {eju:notempty name="$eju.field.video"}
                      <li class="first zmd-on" style="height: 74px; overflow: hidden;"> <a href="javascript:void(0);"><img class="zmd-index" src="{$eju.field.litpic}"></a>
                        <p class="text">视频看房</p>
                      </li>
                      {/eju:notempty}
                      {eju:fanglist type="photo" id="vo" group="photo_type"}
                      {eju:fanglist name="$vo.children" id="field" limit='0,1'}
                      <li class="first" style="height: 74px; overflow: hidden;"> <a href="javascript:void(0);"><img class="zmd-index" src="{$field.photo_pic}"></a>
                        <p class="text">{$field.photo_type}{$field.photo_title}({$vo.count})</p>
                      </li>
                      {/eju:fanglist}
                      {/eju:fanglist}
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 轮播开始 end-->
    </div>
    <!-- left end-->
    <!-- right -->
    <div class="firstright fr" style="border: 1px solid #e6e6e6;border-radius: 7px;width: 581px;">
      <div style="padding: 10px 15px;">
        <div class="information">
          <div class="information_li mb5 pr">
            <div class="inf_left fl">
              <h3 style="font-size: 16px;">参考均价约：</h3>
              <span class="prib cn_ff" style="color: #e74000!important;">{$eju.field.average_price}</span>{$eju.field.average_price_unit} </div>
            <div class="inf_right fl" style="margin-left:4px;position: relative;"> <a href="javascript:;" class="bmkf-up" style="border: 1px solid #e74000;color: #e74000;padding: 3px 5px;">咨询最新房源价格</a> </div>
            <div style="position: absolute;right: 1px;top: 1px;"> <i class="log-code2"></i>
              <div class="qrcodebox code-3" style="width: 131px;left: -108px;top:27px;">
                <div id="qrcode5"> </div>
                <script>
			$(function(){
				$('#qrcode5').qrcode('{$eju.field.arcurl}');
				$("#qrcode5").mouseover(function(){
				});
				})
			</script>
                <p class="sm-kf-2">扫码看房更便捷</p>
              </div>
              <script type="text/javascript">
						        //扫码拨号
						        $(".log-code2").mouseover(function (){
						            $(".code-3").show();
						        }).mouseout(function (){
						            $(".code-3").hide();
						        });
							</script>
            </div>
          </div>
          <!-- 楼盘优惠 beigin -->
          <div class="clear"></div>
          {eju:notempty name='$eju.field.total_price' /}
          <div style="padding-top: 12px;"> <span>参考起价：</span> <span>{$eju.field.total_price}</span>{$eju.field.total_price_unit} <span style="color: #999;padding-left: 15px;">(价格有效期至：{$eju.field.price_time|MyDate='Y-m-d H:i:s',###})</span> </div>
          {/eju:notempty}
          <div class="h15"></div>
          <div style="height: 2px;border-top: 1px dashed #e6e6e6;width: 551px;position: relative;top: 3px;"></div>
          <div class="h15"></div>
          <!-- 惠 -->
          {eju:notempty name='$eju.field.discount'/}
          <div class="house-hui" style="background: #f5f5f5;padding: 8px;position: relative;top: 6px"> <span style="background: #e74000;padding: 4px 6px;color: #fff;display: inline-block;border-radius: 3px;">惠</span> <span style="padding-left: 10px;color: #e74000;font-size: 16px;" title="{$eju.field.discount}{$eju.field.discount_unit}">{$eju.field.discount}{$eju.field.discount_unit}</span>
            <div class="pa" style="right: 120px;top: 12px;"> <img src="{eju:global name='web_templets_pc' /}/skin/images/team.png"><span>&nbsp;已有{eju:arcclick/}人领取</span> </div>
            <a class="bmkf-up" href="javascript:void(0)" style="border:1px solid #e74000;padding: 5px 15px;position: absolute;right: 10px;top: 6px;color: #e74000;border-radius: 3px;">领取优惠</a> </div>
          {/eju:notempty}
          <!-- 惠:end-->
          <div class="clear"></div>
          <div class="h15"></div>
          <div style="clear: both;position: relative;">
            <ul class="house-info-ul" style="position:relative;top: 6px">
              {eju:notempty name='$eju.field.main_unit' /}
              <li><span class="t">主力户型：</span><span title="{$eju.field.main_unit}{$eju.field.main_unit_unit}">{$eju.field.main_unit}{$eju.field.main_unit_unit}</span></li>
              {/eju:notempty}
              {eju:notempty name='$eju.field.main_unit' /}
              <li><span class="t">楼盘地址：</span><span title="{$eju.field.address}{$eju.field.address_unit}">{$eju.field.address}{$eju.field.address_unit}</span></li>
              {/eju:notempty}
              {eju:notempty name='$eju.field.opening_time' /}
              <li>
                <div class="fl"><span class="t">开盘时间：</span><span>{$eju.field.opening_time|MyDate='Y年m月d日',###})</span></div>
                <a class="lpadd fl bmkf-up"  href="javascript:void(0);" style="padding-left: 20px;color: #999;"> <i class="lpt_ld fl"></i>开盘通知 </a> </li>
              {/eju:notempty}
            </ul>
            <div class="clear"></div>
            <div class="h20"></div>
            {eju:notempty name='$eju.field.voice'/}
            <div class="yuyinbao"> <a href="javascript:void(0)" class="openyinp">
              <div class="house-yuyin" style="background: url({eju:global name='web_templets_pc' /}/skin/images/yuyin.gif) no-repeat;height: 37px;line-height: 37px;"> <span style="padding-left: 20px;">楼盘详情在线讲房</span><span style="color: #48bf01;padding-left: 115px;">{eju:arcclick/}人听过</span> </div>
              </a> </div>
            {/eju:notempty}
            <!-- 置业 -->
            {eju:notempty name='$eju.field.saleman.true_name'/}
            <div class="house-zhiye">
              <div class="pic pr center"> <img src="{$eju.field.saleman.saleman_pic}" style="width: 80px;height: 80px;border-radius: 50%">
                <div style="background: url({eju:global name='web_templets_pc' /}/skin/images/tx.png) no-repeat center;height: 24px;position: absolute;bottom: -8px;left: 1px;width: 100%;line-height: 26px"> <span style="color: #fff">{$eju.field.saleman.true_name}</span> </div>
              </div>
              <div class="h15"></div>
              <div style="margin-top: 11px;margin-left: 2px;"> <img src="{eju:global name='web_templets_pc' /}/skin/images/whapp.png" style="width: 20px;"> <a href="{$eju.field.saleman.party}" class="swtopen" style="line-height: 21px;font-size: 14px;padding-left: 5px;color: #666">在线咨询</a> </div>
            </div>
            {/eju:notempty}
            <!-- 置业:end -->
          </div>
          <div class="h20"></div>
          <div class="house-tel-1" style="height: 70px;width: 551px;position: relative;top: 7px;cursor: pointer;">
            <div class="pic fl"><img src="{eju:global name='web_templets_pc' /}/skin/images/tel2.gif" style="width: 50px;height: 50px;position: relative;top: 6px"></div>
            <div class="txt fl">
              <p>找楼盘？问底价？不如一个电话轻松搞定！</p>
              <h3>{$eju.field.xinfang.sale_phone}{eju:notempty name="$eju.field.xinfang.phone_code"}转{$eju.field.xinfang.phone_code}{/eju:notempty}</h3>
            </div>
            <div class="fr pr" style="margin-top: 9px;"> <a href="javascript:;" class="btm-sm"><i class="icons-code"></i>扫码拨号</a>
              <div class="qrcodebox sm-img" style="width: 131px;left: -13px;top:48px;"> <span>微信扫码打电话<br/>
                省时 高效 问底价</span>
                <div id="qrcode4"> </div>
                <script>
			$(function(){
				$('#qrcode4').qrcode("{eju:diyurl type='bohao'/}");
				$("#qrcode4").mouseover(function(){
				});
				})
			</script>
              </div>
              <script type="text/javascript">
						        //扫码拨号
						        $(".house-tel-1").mouseover(function (){
						            $(".sm-img").show();
						        }).mouseout(function (){
						            $(".sm-img").hide();
						        });
							</script>
            </div>
            <div class="clear"></div>
          </div>
          <div class="h20"></div>
          <div class="house-tag-2">
            <div class="fl" style="margin-top: 2px"><img src="{eju:global name='web_templets_pc' /}/skin/images/ling.png" style="width: 19px;"><span style="color: #e74000">&nbsp;新消息通知</span></div>
            <ul class="house-tag-ul-2">
              <li>
                <input type="checkbox">
                价格变动</li>
              <li>
                <input type="checkbox">
                开盘预告</li>
              <li>
                <input type="checkbox">
                楼盘动态</li>
              <li>
                <input type="checkbox">
                看房团</li>
            </ul>
            <a href="javascript:;" class="bmkf-up" style="border: 1px solid #e74000;padding: 3px 8px;border-radius: 5px;float: right;color: #e74000;font-size: 12px;">立即订阅</a>
            <div class="clear"></div>
          </div>
          <!-- 开盘 end -->
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <!-- right end-->
    <div class="clear"></div>
  </div>
  <!-- NO.1 end-->
  <div class="h10"></div>
  <!-- 优惠框 -->
  <div class="h20"></div>
  <div class="lp-youhui-ad pr"> <a href="javascript:;" class="btn-pre new_common_free_btn bmkf-up" style="z-index: 10;display: block;"><img src="{eju:global name='web_templets_pc' /}/skin/images/hui.jpg"></a>
    <div class="pa" style="top: 49px;width: 660px;left: 218px;color: #ff4830;"> <span class="f16">{$eju.field.youhui}{$eju.field.youhui_unit}</span> </div>
    <div class="pa" style="top: 41px;right: 10px;width: 256px;height: 100px;"> {eju:form formid="1"}
      <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
        <div class="" style="border: 1px solid #fff;background: #ffff;height: 22px;border-radius: 17px;padding: 6px 8px;">
          <input type="text" name="{$field.attr_1}" id="{$field.attr_1}" placeholder="{$field.itemname_1}" style="width: 233px;border: 0px;outline: none;">
        </div>
        <div class="mt15">
          <input type="submit" value="前往领取" style="background: #ffdf00;border-radius: 17px;height: 35px;border: 0px;cursor: pointer;width: 256px;color: #ff4830;font-size: 16px;">
          {$field.hidden} </div>
      </form>
      {/eju:form} </div>
  </div>
  <div class="h20"></div>
  <!-- 优惠框:end -->
  <div class="h20"></div>
  <!-- 动态 -->
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;">楼盘动态</h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
      <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'information','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" target="_blank" style="position: absolute;right: 1px;top: 1px;font-size: 14px;font-weight: normal;color: #666;">查看更多>></a> </div>
    <div class="c" style="height: 250px;margin-bottom: 15px;">
      <div class="h15"></div>
      <div class="fl news-list-2" id="wai3" style="height:223px;overflow: hidden; outline: none;width: 850px;">
        <dl>
          {eju:arclist typeid='4' joinaid='$eju.field.aid' addfields="content" id="vo"}
          <dd> <a href="{$vo.arcurl}" target="_blank">
            <div class="date fl"> <strong>{$vo.update_time|MyDate='d',###}</strong>
              <p>{$vo.update_time|MyDate='Y-m',###}</p>
            </div>
            <div class="tet-2 fl">
              <p style="font-size: 18px;"> <span style="border:1px solid #48bf01;color: #48bf01;padding: 1px 8px;font-size: 12px;border-radius: 5px;">{$vo.typename}</span>&nbsp;&nbsp;{$vo.title}</p>
              <div class="content mt10" style="color: #888888;line-height: 23px;">
                <p>{$vo.content|html_msubstr=###,0,135}...</p>
              </div>
            </div>
            <div class="clear"></div>
            </a> </dd>
          {/eju:arclist}
        </dl>
      </div>
      <div class="house-kf-2 fr" style="width: 270px;margin-left: 30px;">
        <div class="h15"></div>
        <!-- 开盘时间 -->
        <div class="timeline2">
          <!-- start -->
          {eju:notempty name='$eju.field.opening_time' /}
          <div class="item-list-2">
            <div class="circle"></div>
            <div class="pa" style="top:-12px;line-height: 20px;color: #999"> <span style="color: #ffa200;border: 1px solid #ffa200;padding: 1px 5px;border-radius: 3px">开盘</span><span style="margin-left: 8px;color: #333">{$eju.field.opening_time|MyDate='Y年m月d日',###}{$eju.field.opening_time_memo}</span></div>
            <div class="h15"></div>
            <div class="content">
              <p></p>
            </div>
          </div>
          {/eju:notempty}
          {eju:notempty name='$eju.field.complate_time' /}
          <div class="item-list-2">
            <div class="circle"></div>
            <div class="pa" style="top:-12px;line-height: 20px;padding-bottom: 5px;color: #999"> <span style="color: #0179af;border: 1px solid #0179af;padding: 1px 5px;border-radius: 3px">交房</span><span style="margin-left: 8px;color: #333">{$eju.field.complate_time|MyDate='Y年m月d日',###}{$eju.field.complate_time_memo}</span></div>
            <div class="h15"></div>
            <div class="content">
              <p></p>
            </div>
          </div>
          {/eju:notempty}
          {eju:notempty name='$eju.field.licence' /}
          <div class="item-list-2">
            <div class="circle"></div>
            <div class="pa" style="top:-12px;line-height: 20px;color: #999"> <span style="color: #58a657;border: 1px solid #58a657;padding: 1px 5px;border-radius: 3px">预售证</span><span style="margin-left: 8px;color: #333">{$eju.field.licence}</span></div>
            <div class="h15"></div>
            <div class="content">
              <p></p>
            </div>
          </div>
          {/eju:notempty}
          <!--  -->
        </div>
        <!-- 开盘时间:end -->
        <div style="padding-left: 20px;"><a href="javascript:;" class="btn-zxzxdt2 bmkf-up">订阅最新动态</a></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <!-- 楼盘动态 end -->
  <!-- 全景 -->
  {eju:notempty name="$eju.field.panoram"}
  <div class="h20"></div>
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;">全景看房</h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
    </div>
    <div class="c">
      <iframe src="{$eju.field.panoram}" frameborder="no" width="1160px" height="500" ></iframe>
    </div>
    <div class="h10"></div>
  </div>
  {/eju:notempty}
  <!-- 全景:end -->
  <div class="h20"></div>
  <!-- 户型一栏 -->
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;"><a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'huxing','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" target="_blank">楼盘户型</a></h3>
    </div>
    <div class="c">
      <!-- 户型 -->
      {eju:fanglist type="huxing" id="field" group="huxing_room"}
      {eju:fanglist name="$field.children" id="vo"}
      <dl class="dlhx nob" style="padding: 0;margin-top: 20px;width: 1161px;border-bottom: 1px solid #ddd;padding-bottom: 15px;overflow: inherit;">
        <dt style="text-align:center;overflow: hidden;border: 1px solid #e1e1e1;height: 116px;"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" alt="{$vo.huxing_title}" target="_blank"> <img src="{$vo.huxing_pic}" style="width:154px;" alt="{$vo.huxing_title}"></a> <a href="javascript:;">
          <div class="chx">{$vo.sale_status}</div>
          </a> </dt>
        <dd>
          <h2 style="height: 26px"><a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'huxing','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" alt="{$vo.huxing_title}" target="_blank"> {$vo.huxing_title}{$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨{$vo.huxing_area}㎡ </a></h2>
          <p class="stag mt10"> {eju:notempty name='$vo.huxing_characteristic' /}
            {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:void(0)" style="cursor:default;" class="tags-{$i}">{$field1}</a> {/eju:volist}
            {/eju:notempty} </p>
          <div class="onxf" style="top: 45px;"> <a href="javascript:;" class="ljhx-btn-1 bmkf-up" style="background: #5bc61b;padding: 10px 35px;color: #fff;border-radius: 5px;">了解户型报价</a> </div>
          <p><span style="color: #adadad">解析：</span> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" title="{$vo.huxing_remark}" style="color:#333;cursor:default">{$vo.huxing_remark}</a></p>
          <div class="clear"></div>
        </dd>
        <div class="clear"></div>
      </dl>
      {/eju:fanglist}
      {/eju:fanglist}
      <!-- 户型 end-->
      <div class="h20"></div>
    </div>
    <div style="background: #f7f7f7;line-height: 50px;">
      <p class="center"><a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'huxing','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" target="_blank">查看全部户型</a></p>
    </div>
  </div>
  <!-- 户型一栏:end -->
  <div class="clear"></div>

  <!-- 楼盘信息 -->
  <div class="h20"></div>
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;"><a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'detail','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" target="_blank">楼盘信息</a></h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
      <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'detail','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" style="position: absolute;right: 1px;top: 1px;font-size: 14px;font-weight: normal;color: #666;">查看更多>></a> </div>
    <!-- 详细 -->
    <div class="p10">
      <table class="lpm-section4-table mt10">
        <tbody>
          <tr>
            <td class="lpm-table-1"><a title="{$eju.field.title}建筑形式" href="javascript:;">建筑形式</a></td>
            <td class="lpm-table-2"> {$eju.field.building_type|implode=',',###} </td>
            <td class="lpm-table-1"><a title="{$eju.field.title}装修状况" href="javascript:;">装修状况</a></td>
            <td class="lpm-table-2"> {$eju.field.fitment|implode=',',###} </td>
            <td class="lpm-table-1"><a title="{$eju.field.title}物业类型" href="javascript:;">物业类型</a></td>
            <td class="lpm-table-2"><span class="lpm-location">{$eju.field.manage_type|implode=',',###}</span></td>
          </tr>
          <tr>
            <td class="lpm-table-1"><a href="javascript:;" title="{$eju.field.title}占地面积">占地面积</a></td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.floor_area' /}
              {$eju.field.floor_area}平方米
              {else /}
              暂未数据
              {/eju:notempty} </td>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}建筑面积">建筑面积</a></td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.building_area' /}
              {$eju.field.building_area}平方米
              {else /}
              暂未数据
              {/eju:notempty} </td>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}物业费">物 业 费</a></td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.property_fee' /}
              {$eju.field.property_fee}
              {else /}
              暂未数据
              {/eju:notempty} </td>
          </tr>
          <tr>
            <td class="lpm-table-1"><a href="javascirpt:;" title="{$eju.field.title}容积率">容 积 率</a></td>
            <td class="lpm-table-2"><span class="fl"> {eju:notempty name='$eju.field.plot_ratio' /}
              {$eju.field.plot_ratio}
              {else /}
              暂未数据
              {/eju:notempty} </span> <a  class="table-icon icons fl" href="javascript:;" title="什么是容积率"></a></td>
            <td class="lpm-table-1"><a href="javascript:;" title="{$eju.field.title}绿化率">绿 化 率</a></td>
            <td class="lpm-table-2"><span class="fl"> {eju:notempty name='$eju.field.greening_rate' /}
              {$eju.field.greening_rate}
              {else /}
              暂未数据
              {/eju:notempty} </span> <a class="table-icon icons fl" href="javascript:;" title="什么是绿化率"></a></td>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}规划户数">规划户数</a></td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.households' /}
              {$eju.field.households}
              {else /}
              暂未数据
              {/eju:notempty} </td>
          </tr>
          <tr>
            <td class="lpm-table-1"> 栋数 </td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.building_num' /}
              {$eju.field.building_num}
              {else /}
              暂未数据
              {/eju:notempty} </td>
            <td class="lpm-table-1"> 主力户型 </td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.main_unit' /}
              {$eju.field.main_unit}
              {else /}
              暂未数据
              {/eju:notempty} </td>
            <td class="lpm-table-1"> 停车位 </td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.carport' /}
              {$eju.field.carport}
              {else /}
              暂未数据
              {/eju:notempty} </td>
          </tr>
          <tr>
            <td class="lpm-table-1"><a href="javascript:;" title="{$eju.field.title}物业公司">物业公司</a></td>
            <td class="lpm-table-2"> {eju:notempty name='$eju.field.manage_company' /}
              {$eju.field.manage_company}
              {else /}
              暂未数据
              {/eju:notempty} </td>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}房屋产权">房屋产权</a></td>
            <td class="lpm-table-2"><span class="fl"> {eju:notempty name='$eju.field.property' /}
              {$eju.field.property}
              {else /}
              暂未数据
              {/eju:notempty} </span> <a class="table-icon icons fl" href="javascript:;" title="{$eju.field.title}房屋产权"></a></td>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}预售许可证">预售许可证</a></td>
            <td class="lpm-table-2"><span class="fl lpm-location1"> {eju:notempty name='$eju.field.licence' /}
              {$eju.field.licence}
              {else /}
              暂未数据
              {/eju:notempty} </span></td>
          </tr>
          <tr>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}开发商">开 发 商</a></td>
            <td class="lpm-table-2"><span class="lpm-location"> {eju:notempty name='$eju.field.developer' /}
              {$eju.field.developer}
              {else /}
              暂未数据
              {/eju:notempty} </span></td>
            <td class="lpm-table-1"> 销售电话 </td>
            <td class="lpm-table-2"><span class="lpm-location"> {eju:notempty name='$eju.field.sale_phone' /}
              {$eju.field.sale_phone}
              {else /}
              暂未数据
              {/eju:notempty} </span></td>
            <td class="lpm-table-1"> 售楼处地址 </td>
            <td class="lpm-table-2"><span class="lpm-location"> {eju:notempty name='$eju.field.sales_address' /}
              {$eju.field.sales_address}
              {else /}
              暂未数据
              {/eju:notempty} </span></td>
          </tr>
          <tr>
            <td class="lpm-table-1"><a  href="javascript:;" title="{$eju.field.title}开发商">楼盘介绍</a></td>
            <td colspan="6" class="lpm-table-2"><p class="p10" style="line-height: 26px;"> {eju:notempty name='$eju.field.content'}
                {$eju.field.content|html_msubstr=###,0,135} <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'detail','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" class="red">[查看详细]</a> {else /}
                暂未数据
                {/eju:notempty} </p></td>
          </tr>
        </tbody>
      </table>
    </div>
    <!-- 详细 end-->
  </div>
  <!-- 楼盘信息 end-->
  <div class="clear"></div>
  <!-- 在线户型 end-->
  <!-- wenda -->
  <div class="h20"></div>
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;"><a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'ask','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">楼盘问答</a></h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
      <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'ask','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" style="position: absolute;right: 1px;top: 1px;font-size: 14px;font-weight: normal;color: #666;">查看更多>></a> </div>
    <div class="h15"></div>
    <div class="c">
      <ul class="house-wenda-ul-2">
        {eju:ask id="field" bestanswer="off" pagesize='2'}
        {eju:volist name="$field.AskData" id="vo" key="k1"}
        <li>
          <div class="wd-itm">
            <div class="title">
              <div class="pic fl" style="width: 25px;padding-top: 2px;"> <a href="{$vo.AskUrl}" style="display: block;" target="_blank"><img src="{eju:global name='web_templets_pc' /}/skin/images/question.png" style="width: 22px;"></a> </div>
              <div class="tit2 fl" style="padding-left: 12px;width: 493px;"> <a href="{$vo.AskUrl}" style="display: block;" target="_blank"><span style="font-size: 16px;font-weight: 700">[{$vo.fang_title}]{$vo.ask_title}</span></a> </div>
              <div class="clear"></div>
            </div>
            <div class="h20"></div>
            <div class="content">
              <div class="pic fl" style="width: 25px;padding-top: 2px;"> <img src="{eju:global name='web_templets_pc' /}/skin/images/answer.png" style="width: 22px;" alt="{$vo.ask_title}"> </div>
              <div class="tit2 fl" style="padding-left: 12px;width: 493px;"> {eju:volist name="$vo.AnswerData" id="vo2"}
                <p style="color: #888888">{$vo2.content}<a href="{$vo.AskUrl}" target="_blank" class="red" title="查看详情">详情>></a></p>
                {/eju:volist}
                <div class="clear"></div>
                <div class="wd-time">
                  <p><span>{$vo.add_time|MyDate="Y-m-d H:i:s",###}</span></p>
                </div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
          <div class="h10"></div>
          <div class="wd-zhiye">
            <div class="fl">
              <div class="pic" style="width: 70px;float: left;"> <img src="{$eju.field.saleman.saleman_pic}" style="width: 60px;height: 60px;border-radius: 50%" alt="{$eju.field.saleman.true_name}"> </div>
              <div class="i2 fl" style="padding-top: 7px;">
                <p style="font-size: 18px;color: #333">{$eju.field.saleman.true_name}</p>
                <p style="padding-top: 3px;"><span>咨询人数：</span><span class="red">{$eju.field.saleman.consult}</span>人</p>
              </div>
              <div class="clear"></div>
            </div>
            <div class="i3 fr pr"> <a href="javascript:;" class="btn-zxtw">在线提问</a> <a href="javascript:;" class="btn-ddh" data-id='{$k1-1}'>打电话</a>
              <div class="qrcodebox code-{$k1-1}" style="width: 131px;left: 89px;top:48px;"> <span>微信扫码打电话<br/>
                省时 高效 问底价</span>
                <div class="fl" id="ask_qrcode{$k1-1}"> </div>
              </div>
              <script>
                  $(function(){
                      var k = "{$k1-1}";
                      $('#ask_qrcode'+k).qrcode("{eju:diyurl type='bohao'/}");
//                      $('#qrcode'+k).mouseover(function(){});
                  })
              </script>
            </div>
            <div class="clear"></div>
          </div>
        </li>
        {/eju:volist}
        {/eju:ask}
        <script>
            //扫码拨号
            $(".btn-ddh").mouseover(function (){
                var id = $(this).attr('data-id');
                $(".code-"+id).show();
            }).mouseout(function (){
                var id=$(this).attr('data-id');
                $(".code-"+id).hide();
            });
        </script>
      </ul>
      <div class="clear"></div>
      <div class="h15"></div>
    </div>
  </div>
  <!-- wenda:end -->
  <!-- 楼盘优势 -->
  {eju:if condition="($eju.field.dili) OR ($eju.field.jiaotong)  OR ($eju.field.peitao) OR ($eju.field.yetai)"}
  <div class="h20"></div>
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;">楼盘点评</h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
    </div>
    <div class="c">
      <div class="h15"></div>
      <div class="wai" id="wai2" style="height:223px;overflow: hidden; outline: none;">
        <div class="timeline">
          <div class="inn">
            <!-- list -->
            {eju:notempty name="$eju.field.dili"}
            <div class="feed-item">
              <div class="circle circle-orange"></div>
              <div class="s">
                <div class="h50"></div>
                <div class="title">
                  <h3 style="font-size: 18px;font-weight: normal;">地理优势</h3>
                </div>
                <div class="h30"></div>
                <div class="content">
                  <p>
                  <p>{$eju.field.dili}{$eju.field.dili_unit}</p>
                  </p>
                </div>
                <div class="h15"></div>
              </div>
            </div>
            {/eju:notempty}
            {eju:notempty name="$eju.field.jiaotong"}
            <div class="feed-item">
              <div class="circle circle-orange"></div>
              <div class="s">
                <div class="h50"></div>
                <div class="title">
                  <h3 style="font-size: 18px;font-weight: normal;"> 交通便利</h3>
                </div>
                <div class="h30"></div>
                <div class="content">
                  <p>
                  <p>{$eju.field.jiaotong}{$eju.field.jiaotong_unit}</p>
                  </p>
                </div>
                <div class="h15"></div>
              </div>
            </div>
            {/eju:notempty}
            {eju:notempty name="$eju.field.peitao"}
            <div class="feed-item">
              <div class="circle circle-orange"></div>
              <div class="s">
                <div class="h50"></div>
                <div class="title">
                  <h3 style="font-size: 18px;font-weight: normal;"> 配套齐全</h3>
                </div>
                <div class="h30"></div>
                <div class="content">
                  <p>
                  <p>{$eju.field.peitao}{$eju.field.peitao_unit}</p>
                  </p>
                </div>
                <div class="h15"></div>
              </div>
            </div>
            {/eju:notempty}
            {eju:notempty name="$eju.field.yetai"}
            <div class="feed-item">
              <div class="circle circle-orange"></div>
              <div class="s">
                <div class="h50"></div>
                <div class="title">
                  <h3 style="font-size: 18px;font-weight: normal;"> 业态多种</h3>
                </div>
                <div class="h30"></div>
                <div class="content">
                  <p>
                  <p> {$eju.field.yetai}{$eju.field.yetai_unit}</p>
                  </p>
                </div>
                <div class="h15"></div>
              </div>
            </div>
            {/eju:notempty}
            <!-- list:end -->
          </div>
        </div>
      </div>
      <div class="h10"></div>
    </div>
  </div>
  {/eju:if}
  <!-- 楼盘优势:end -->
  {eju:static file="skin/js/jquery.nicescroll.js" /}
  <script type="text/javascript">
			$('#wai,#wai2,#wai3').niceScroll({
			    cursorcolor: "#ccc",//#CC0071 光标颜色
			    cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
			    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
			    cursorwidth: "5px", //像素光标的宽度
			    cursorborder: "0", // 	游标边框css定义
			    cursorborderradius: "3px",//以像素为光标边界半径
			    autohidemode: true //是否隐藏滚动条
			});
		</script>
  <div class="clear"></div>
  <div class="h20"></div>
  <div class="house-com-k-2 lpm-section5 clearfix">
    <div class="tit">
      <h3 style="display: inline-block;">周边配套</h3>
      <div style="width: 3px;height: 24px;background:#26c635;position: absolute;left: 0;top: 15px;"> </div>
    </div>
    <div style="width: 1160px;margin: 0 auto">
      <div class="lp-map-s11 fl mt10" id="map_canvas" style="width: 830px;"> </div>
      {eju:surroundings field="$eju['field']" canvas="map_canvas" tag="lp-map-s" select="lp-map-a" total="map_total" tab="lp-map-tab" result="map_result"}
      <div class="lp-map-s12 fl mt10">
        <div class="clearfix map-tag"> {eju:volist name="$field.list" id="vo"} <a href="javascript:;" class="lp-map-{$i} lp-map-s fl icons" onclick="select_around({$key});">{$vo}</a> {/eju:volist} </div>
        <p class="lpm-map-recond mt20"> 搜索到<span id="map_total"></span>条记录 </p>
        <div class="lp-map-tab" id="lp-map-tab">
          <ul class="lp-map-s19" id="map_result">
          </ul>
        </div>
      </div>
      {$field.hidden}
      {/eju:surroundings}
      <div class="clear"> </div>
      <div class="h20"> </div>
    </div>
    <!-- html end-->
  </div>
  <!-- 周边配套 -->
  <!-- 楼盘沙盘 -->
  {eju:sand id="field"}
  {$field.hidden}
  <div class="h20"></div>
  <div class="clear"></div>
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;">{$eju.field.title}沙盘</h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
      <div class="sp-tag" style="position: absolute;right: 1px;top: 1px;font-size: 14px;font-weight: normal;color: #666;"> <span class="tip"><span>注：按下鼠标不松可以拖动图片</span> {eju:volist name="$field.sale_status" id="vo"} <span><i class="ico{$key}"></i>{$vo}</span> {/eju:volist} </div>
    </div>
    <div class="bd-gray clearfix" style="border: 0;">
      <div class="fl" style="margin-left: 18px;width: 900px;">
        <div class="blank1"></div>
        <div id="shapan" class="shapan">
          <div id="shapan-i" class="shapan-i"> <img alt="{$vo.title}" src="{$field.litpic}"/>
            <div class="khkj"> {eju:volist name="$field.data" id="vo"} <a title="{$vo.title}" class="sha-dot sha-dot-1" data-shapan="{$vo.lpoint},{$vo.tpoint}" href="javascript:;" ><i></i>{$vo.title}
              <div class="sha-dot-info">
                <ul>
                  <li><span class="mtaico ico1"></span><span>开盘时间：&nbsp;</span>{$vo.sand_list.open_time}</li>
                  <li><span class="mtaico ico2"></span><span>交房时间：&nbsp;</span>{$vo.sand_list.complate_time}</li>
                  <li><span class="mtaico ico4"></span><span>电梯配比：{$vo.sand_list.elevator}&nbsp;</span></li>
                  <li><span class="mtaico ico3"></span><span>单元：{$vo.sand_list.unit}&nbsp;</span></li>
                  <li><span class="mtaico ico4"></span><span>层数：{$vo.sand_list.floor_num}&nbsp;</span></li>
                  <li><span class="mtaico ico5"></span><span>户数：{$vo.sand_list.room_num}&nbsp;</span></li>
                </ul>
              </div>
              </a> {/eju:volist} </div>
          </div>
        </div>
      </div>
      <div class="fr" style="margin-right: 15px;width: 265px">
        <div class="blank10"></div>
        <div class="hx-info-tit fz14"> <i id="hxback"><<返回</i><strong>{$eju.field.title}楼栋列表</strong> </div>
        <div class="hx-info pr10" id="hx-info"> {eju:volist name="$field.sand_list" id="vo"}
          <dl>
            <dt><span></span>{$vo.title}</dt>
            <dd>
              <ul>
                <li class="fs"><i>总价</i><i>厅室</i><i>面积</i></li>
                {eju:volist name="$vo.huxing_list" id="val"}
                <li><i><a href="javascript:;">{$val.huxing_price}万</a></i><i>{$val.huxing_room}室{$val.huxing_living_room}厅</i><i> {$val.huxing_area}㎡</i></li>
                {/eju:volist}
              </ul>
            </dd>
          </dl>
          {/eju:volist} </div>
      </div>
    </div>
  </div>
  {/eju:sand}
  <!-- 楼盘沙盘 end-->
  <div class="h20"></div>
  <div class="clear"></div>
  <!-- 房价走势 -->
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;">{$eju.field.title}房价走势</h3>
      <div style="width: 2px;height: 24px;background: #48bf01;position: absolute;left: 0;top: 15px;"></div>
    </div>
    <div class="c">
      <!-- 线 -->
      <div class="price-a7">
        <p class="fl price-a8 icons"><a href="javascript:;" title="{$eju.field.title}" target="_blank">{$eju.field.title}价格</a></p>
        <p class="fl price-a9 icons"><a href="javascript:;" target="_blank" title="{$eju.field.city_id|get_city_name}房价走势" >{$eju.field.city_id|get_city_name}房价走势</a></p>
      </div>
      <!-- 线 end-->
      <div class="r940box">
        <div class="r940nra">
          <div style="width: 1160px;margin-top: 30px;margin-bottom: 10px;">
            <div id="container1" style="height:300px"> </div>
            {eju:pricetrend id="field" field="$eju['field']" month="6" canvas="container1"/} </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 房价走势 end-->
  <div class="clear"></div>
  <div class="h20"></div>
  <!-- 计算器 -->
  <div class="house-com-k-2">
    <div class="tit">
      <h3 style="display: inline-block;">我要计算房贷</h3>
      <div style="width: 3px;height: 24px;background:#26c635;position: absolute;left: 0;top: 15px;"> </div>
    </div>
    <form id="calc11" name="calc11">
      <div class="js clearfix">
        <div class="js-l">
          <div class="js-rom clearfix"> <em class="js-tit">选择户型:</em>
            <div class="divselect" id="f2s"> <cite> </cite>
              <ul style="height:200px;overflow-y: scroll;overflow-x: hidden;">
                {eju:fanglist name="$eju.field.huxing_list" id="vo"}
                <li> <a href="javascript:;" data-id="p" selectid="{$vo.huxing_price*10000}" selectid2="{$vo.huxing_average_price}元/平米"> {$vo.huxing_title}户型{$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨{$vo.huxing_area}㎡ </a> </li>
                {/eju:fanglist}
              </ul>
            </div>
          </div>
          <div class="js-rom clearfix"> <em class="js-tit">估算总价:</em>
            <div class="divselect" style="background: #f0f0f0;cursor: auto;">
              <input id="cite0" value="" type="text" style="width: 300px;height: 36px;margin-left: 22px;font-size: 17px;background-color: #f0f0f0;border: 0;outline: none;"/>
              <b style="font-size: 17px;"></b> </div>
            <input maxlength="8" size="10" name="daikuan_total000" value="" id="daikuan" class="guestbook01" type="hidden">
          </div>
          <div class="js-rom clearfix"> <em class="js-tit">首付成数:</em>
            <div class="divselect" id="f3s"> <cite>3成</cite>
              <ul style="height: 254px;overflow-y: scroll;overflow-x: hidden;">
                <li><a href="javascript:;" selectid="9">9成</a></li>
                <li><a href="javascript:;" selectid="8">8成</a></li>
                <li><a href="javascript:;" selectid="7">7成</a></li>
                <li><a href="javascript:;" selectid="6">6成</a></li>
                <li><a href="javascript:;" selectid="5">5成</a></li>
                <li><a href="javascript:;" selectid="4">4成</a></li>
                <li><a href="javascript:;" selectid="3">3成</a></li>
                <li><a href="javascript:;" selectid="2">2成</a></li>
              </ul>
            </div>
            <input name="anjie" type="hidden" value="3" id="anjie"/>
          </div>
          <div class="js-rom clearfix"> <em class="js-tit">贷款类别:</em>
            <div class="divselect" id="f4s"> <cite>商业贷款</cite>
              <ul>
                <li><a href="javascript:;" selectid="1">商业贷款</a></li>
                <li><a href="javascript:;" selectid="2">公积金贷款</a></li>
              </ul>
            </div>
            <input name="loanradiotype" type="hidden" value="1" id="loanradiotype"/>
          </div>
          <div class="js-rom clearfix">
            <ul id="calc11_zuhe" style="display: none" class="calculator">
              <li>&nbsp;&nbsp;商业性：
                <input id="zuhesy" name="total_sy" maxlength="8" size="8" type="text" class="guestbook01">
                元</li>
              <li>&nbsp;&nbsp;公积金：
                <input id="zuhegjj" name="total_gjj" maxlength="8" size="8" type="text" class="guestbook01">
                元</li>
            </ul>
          </div>
          <div class="js-rom clearfix"> <em class="js-tit">贷款时间:</em>
            <div class="divselect" id="f5s"> <cite>30年（360期）</cite>
              <ul style="height: 119px;overflow-y: scroll;overflow-x: hidden;">
                <li><a href="javascript:;" selectid="1">1年（12期）</a></li>
                <li><a href="javascript:;" selectid="2">2年（24期）</a></li>
                <li><a href="javascript:;" selectid="3">3年（36期）</a></li>
                <li><a href="javascript:;" selectid="4">4年（48期）</a></li>
                <li><a href="javascript:;" selectid="5">5年（60期）</a></li>
                <li><a href="javascript:;" selectid="6">6年（72期）</a></li>
                <li><a href="javascript:;" selectid="7">7年（84期）</a></li>
                <li><a href="javascript:;" selectid="8">8年（96期）</a></li>
                <li><a href="javascript:;" selectid="9">9年（108期）</a></li>
                <li><a href="javascript:;" selectid="10">10年（120期）</a></li>
                <li><a href="javascript:;" selectid="11">11年（132期）</a></li>
                <li><a href="javascript:;" selectid="12">12年（144期）</a></li>
                <li><a href="javascript:;" selectid="13">13年（156期）</a></li>
                <li><a href="javascript:;" selectid="14">14年（168期）</a></li>
                <li><a href="javascript:;" selectid="15">15年（180期）</a></li>
                <li><a href="javascript:;" selectid="16">16年（192期）</a></li>
                <li><a href="javascript:;" selectid="17">17年（204期）</a></li>
                <li><a href="javascript:;" selectid="18">18年（216期）</a></li>
                <li><a href="javascript:;" selectid="19">19年（228期）</a></li>
                <li><a href="javascript:;" selectid="20">20年（240期）</a></li>
                <li><a href="javascript:;" selectid="25">25年（300期）</a></li>
                <li><a href="javascript:;" selectid="30">30年（360期）</a></li>
              </ul>
            </div>
            <input name="years" type="hidden" value="30" id="years"/>
          </div>
          <div class="js-radio"> <a id="debx" class="on" onclick="$('#radioben').val('1'); $('#debj').removeClass('on'); $('#debx').addClass('on'); $('#benxi').show(); $('#benjin').hide();">等额本息</a> <a id="debj" class="" onclick="$('#radioben').val('2'); $('#debx').removeClass('on'); $('#debj').addClass('on'); $('#benjin').show(); $('#benxi').hide();">等额本金</a>
            <input name="radioben" type="hidden" value="1" id="radioben"/>
          </div>
          <input name="jisuan_radio" id="jisuan_radio" type="hidden" value="2">
          <input id="price" name="price" type="hidden">
          <input id="sqm" name="sqm" type="hidden">
          <input id="singlelv" type="hidden" value="3.25" name="singlelv">
          <div id="calc1_benjin" style="display: none;">
            <input type="hidden" name="fangkuan_total2">
            <input type="hidden" name="daikuan_total2">
            <input type="hidden" name="all_total2">
            <input type="hidden" name="accrual2">
            <input type="hidden" name="money_first2">
            <input type="hidden" name="month2">
            <input type="hidden" name="month_money2">
          </div>
          <div class="mainrtr01" style="display:none;">
            <ul>
              <li>&nbsp;&nbsp;房款总额：
                <input id="fangkuan_total1" name="fangkuan_total1" type="text" class="guestbook02" readonly>
                元</li>
              <li>&nbsp;&nbsp;贷款总额：
                <input name="daikuan_total1" type="text" class="guestbook02" readonly>
                元</li>
              <li>&nbsp;&nbsp;还款总额：
                <input name="all_total1" type="text" class="guestbook02 all_total1" readonly>
                元</li>
              <li style="padding-left: 0px;">支付利息款：
                <input name="accrual1" type="text" class="guestbook02" readonly>
                元</li>
              <li>&nbsp;&nbsp;首期付款：
                <input name="money_first1" type="text" class="guestbook02" readonly>
                元</li>
              <li>&nbsp;&nbsp;贷款月数：
                <input name="month1" type="text" class="guestbook02" readonly>
              </li>
              <li>&nbsp;&nbsp;月均还款：
                <input name="month_money1" type="text" class="guestbook02" readonly>
                元</li>
            </ul>
          </div>
        </div>
        <div class="js-btn"> <a href="javascript:void(0)" onclick="javascript:ext_loantotal(document.calc11)"></a> </div>
        <div class="js-r">
          <div class="js-jg" style="position: relative;">
            <h5 class="js-jg-tit">计算结果</h5>
            <div class="js-jg-msg"> <em>均价：<b id="bb0"></b></em> <span id="gusuan1">估算总价：</span> </div>
            <div class="js-jg-txt js-jg-txt1"> <span style="display: inline-block;margin-left: 15px;color: #883631;line-height: 42px;font-size: 14px;">首付：<span id="shoufu"></span></span> </div>
            <div class="js-jg-txt js-jg-txt2"> <span style="display: inline-block;margin-left: 15px;color: #883631;line-height: 42px;font-size: 14px;" id="daikuan_total1s"></span> </div>
            <div class="js-jg-txt js-jg-txt3"> <span style="display: inline-block;margin-left: 15px;color: #883631;line-height: 42px;font-size: 14px;" id="accrual2s"></span> </div>
            <div id="b2-baidu">
              <div id="bb-baidu" style="display:none">
                <div id="main-baidu" style="height:400px;"> </div>
              </div>
              <div class="js-jg-mon" id="benxi"> 每月还款： <em id="month_money1s"></em> </div>
              <div id="benjin" style="display: none;"> &nbsp;&nbsp;月均金额：
                <textarea class="inputwidthnew" name="month_money3" rows="3" cols="20"></textarea>
                元 </div>
              <div class="js-jg-wrap clearfix">
                <div class="js-jg-msg2"> 利率公积金
                  <input id="gjlv" type="text" class="red guestbook01" value="3.25" style="width:29px;border: 0">
                  % 商业性
                  <input id="sdlv" type="text" class="red guestbook01" value="4.90" style="width:29px;border: 0">
                  %<br/>
                  以上结果仅供参考 </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
  <!-- 计算器 end-->
  <!-- 热销楼盘 -->
  <div class="house-com-k-2 mt20">
    <div class="tit" style="background: url({eju:global name='web_templets_pc' /}/skin/images/tit1.jpg) no-repeat 1px 10px;padding-left: 20px;line-height: 63px;overflow:hidden;color: #fff;font-weight: normal;"> 热门新盘 </div>
    <div style="padding: 15px 15px 0;overflow: hidden;width: 1153px;">
      <div class="clearfix" style="width: 1300px;">
        <!--lise  -->
        {eju:arclist  channelid='9' row="4" titlelen="30" orderby='add_time' orderWay='desc'}
        <div class="fl lp-col-s1" style="margin-right: 25px;width: 273px!important;height: auto;"> <a href="{$field.arcurl}" target="_blank" class="lp-col-1" title="{$field.title}" style="width: 273px;height: 182px;">
          <div class="echo-img"><img src="{$field.litpic}" data-echo="{$field.litpic}" alt="{$field.title}" class="trs lazy" style="width: 273px;height: 182px;"></div>
          </a>
          <p class="mt10 lpm-section7-1"> <span class="fr" style="color: #999">[{$field.city_id|get_city_name}]</span> <a target="_blank" href="{$field.arcurl}">{$field.title}</a>

          <div class="clear"></div>
          </p>
          <div class="hh-pr mt5"> <a href="{eju:global name='web_attr_3' /}"  data-swt="{eju:global name='web_attr_3' /}" class="hh-swt swtopen">在线咨询</a>
            <p class="">均价：<span class="red"  style="font-weight: 700;font-size: 18px;">{$eju.field.xinfang.average_price}{$eju.field.average_price_unit}</span></p>
          </div>
        </div>
        {/eju:arclist}
        <!--lise  end-->
      </div>
    </div>
  </div>
  <div class="house-com-k-2 mt20">
    <div class="tit">
      <h2>猜你喜欢</h2>
    </div>
    <div style="padding: 15px 15px 0;overflow: hidden;width: 1153px;">
      <div class="clearfix" style="width: 1300px;">
        <!--lise  -->
        {eju:arclist channelid='9' row="4" flag='a' titlelen="30" orderby='add_time' orderWay='desc'}
        <div class="fl lp-col-s1" style="margin-right: 25px;width: 273px!important;height: auto;"> <a href="{$field.arcurl}" target="_blank" class="lp-col-1" title="{$field.title}" style="width: 273px;height: 182px;">
          <div class="echo-img"> <img src="{eju:global name='web_templets_pc' /}/skin/images/blank.gif" data-echo="{$field.litpic}" alt="{$field.title}" class="trs lazy" style="width: 273px;height: 182px;"> </div>
          </a>
          <p class="mt10 lpm-section7-1"> <span class="fr" style="color: #999">[{$field.city_id|get_city_name}]</span> <a target="_blank" href="{$field.arcurl}">{$field.title}</a>

          <div class="clear"> </div>
          </p>
          <div class="hh-pr mt5"> {eju:sqlview table='saleman' aid='$field.saleman_id' fields='saleman_qq' id='vo_saleman'} <a href="{eju:global name='web_attr_3' /}" data-swt="{eju:global name='web_attr_3' /}" class="hh-swt swtopen" >在线咨询</a> {/eju:sqlview}
            <p class=""> 均价：<span class="red" style="font-weight: 700;font-size: 18px;">{$field.average_price}{$eju.field.average_price_unit}</span> </p>
          </div>
        </div>
        {/eju:arclist}
        <!--lise  end-->
      </div>
    </div>
  </div>
  <script type="text/javascript">
$(function(){
    $(".btn-zxtw").on("click",function(){
        var name=$(this).attr('data-name');
        var wh=$(this).attr('data-type');
        var info=$(this).attr('data-info');
        $('.lpm-bx3-t').html(name);
        $('#box1_t').html(info);
        $(".wd-box-c,#wd-box-bg").fadeIn();
    });
    $("#wendaboxClose").on("click",function(){
       $(".wd-box-c,#wd-box-bg").fadeOut();
    });
});

</script>
  <!-- 问答弹窗 -->
  <div class="wd-box-bg" style="display: none;" id="wd-box-bg"></div>
  <div class="wd-box-c" style="display: none;">
    <div style="position: relative;"><img src="{eju:global name='web_templets_pc' /}/skin/images/wd.png"> <span class="close close-send lpm-colse2" title="关闭" id="wendaboxClose" style="position: absolute;right: 10px;top: 1px;font-size: 37px;color: #fff;cursor: pointer;">×</span></div>
    <div class="regist-form" style="background: #fff;width: 533px;">
      <div style="padding: 25px;"> {eju:form formid="3"  success='closeregistf'}
        <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
          <textarea rows="5" class="title" style="width: 475px;border-radius: 7px;border: 1px solid #ddd;padding: 5px;" id="{$field.attr_5}" name="{$field.attr_5}" placeholder="{$field.itemname_5}"></textarea>
          <input type="text" id="{$field.attr_4}" name="{$field.attr_4}" placeholder="{$field.itemname_4}" class="regist-input3 mt15" style="width: 475px;">
          <div class="h30"></div>
          <input type="submit" value="确认提交" class="regist-submit" style="width: 475px;">
          {$field.hidden}
        </form>
        {/eju:form} </div>
    </div>
  </div>
  <script type="text/javascript">
$(function(){
    $('#from-up-wd5').ajaxForm({
        beforeSubmit: checkForm1,
        success: complete,
        dataType: 'json'
    });
    function checkForm1(){
        var mobile = /^1[3|4|5|6|7|8|9]\d{9}$/;
        if(!mobile.test($.trim($('#wd-phone').val()))){
        　layer.msg('手机号码格式非法', {icon: 5});
          $('#wd-phone').focus();
          return false;
        }
    }
    function complete(data){
        if(data.status==1){
            layer.closeAll('loading');
            layer.msg(data.info, {icon: 1});
            window.setTimeout("window.location='"+data.url+"'",2000);
            return false;
        }else{
            layer.closeAll('loading');
            layer.msg(data.info, {icon: 5});
            return false;
        }
    }
});
</script>
  <!-- 热销楼盘 end-->
</div>
<!-- 1200end -->
<!-- 轮播 -->
<div class="row row-top-nav" style="display: none;">
  <div class="top-menu-wrap"></div>
</div>
{eju:static file="skin/js/slider.js" /}
{eju:static file="skin/js/house-detail.js" /}
{eju:static file="skin/js/house-map.js" /}
{eju:static file="skin/js/jqmodal.js" /}
{eju:static file="skin/js/highcharts.js" /}

</div>
{eju:static file="skin/js/echarts.min.js" /}
{eju:static file="skin/js/house.lilv.js" /}
{eju:static file="skin/js/house.index.js" /}
{eju:static file="skin/js/jsq.js" /}
<!-- 音频 -->
{eju:notempty name='$eju.field.voice'/}
<div class="mediaplayer" style="position: fixed;bottom: 0;width: 100%;text-align: center;background: #000;opacity: .8;padding: 10px 0 10px 0;display: none;">
  <div class="video pr">
    <audio id="player" src="{$eju.field.voice}" controls></audio>
    <a href="javascript:;" id="closeyinp" style="position: absolute;top: -30px;right: 10px;"><img src="{eju:global name='web_templets_pc' /}/skin/images/close.png"></a>
    <div id="yuyinzz" style="position: absolute;top: 1px;height: 50px;width: 100%;display: block;"></div>
  </div>
</div>
{/eju:notempty}
<div id="timers" style="display: none;"></div>
<script type="text/javascript">
$('.mediaplayer').on('click','#closeyinp',function(){
    var oPlayer=document.getElementById('player');
    oPlayer.pause();
    $('.mediaplayer').hide();
});
$('.yuyinbao').on('click','.openyinp',function(){
    var display =$('.mediaplayer').css('display');
	if(display == 'none'){
	   $('.mediaplayer').show();
	       var oPlayer=document.getElementById('player');
		    oPlayer.play();
		       // var i = 14;
//		        var tim = document.getElementById("timers");
//		        var timer = setInterval(function () {
//		            if (i == -1) {
//		            var name='语音播报';
//				        var wh='{$eju.field.xinfang.title}_语音播报';
//				        var info='提示：请输入您正确的手机号码继续免费收听，了解更多的楼盘详情。';
//				        $('.lpm-bx2-t').html(name);
//				        $('#lpsounce2').val(wh);
//				        $('#box2_t').html(info);
//				        $(".lpm-bx4,#black_bg").fadeIn();
//		                var oPlayer=document.getElementById('player');
//		                 oPlayer.pause();
//		                clearInterval(timer);
//		            } else {
//		                tim.innerHTML = i;
//		                --i;
//		            }
//		        }, 1000); //end

	}else{

	}
	var name='语音播报';
        var wh='{$eju.field.xinfang.title}_语音播报';
        var info='提示：请输入您正确的手机号码继续免费收听，了解更多的楼盘详情。';
        $('.lpm-bx2-t').html(name);
        $('#lpsounce2').val(wh);
        $('#box2_t').html(info);
        $(".lpm-bx4,#black_bg").fadeIn();


      $('.slider-down-nav').css('display','none');
      $('.slider_small_l').css('display','block');
});
$(function(){
    $('#from-up11').ajaxForm({
        beforeSubmit: checkForm11, // 此方法主要是提交前执行的方法，根据需要设置
        success: complete11, // 这是提交后的方法
        dataType: 'json'
    });
    function checkForm11(){
        var mobile = /^1[3|4|5|6|7|8|9]\d{9}$/;
        if(!mobile.test($.trim($('#lp-nmkf-mobile11').val()))){
        　layer.msg('手机号码有误，请重填', {icon: 5});
          $('#lp-nmkf-mobile11').focus();
          return false;
        }
       layer.load(1);
    }
    function complete11(data){
    if(data.status==1){
       layer.closeAll();
       layer.alert('报名成功', {icon: 6});
       var oPlayer=document.getElementById('player');
       oPlayer.play();
       $('#yuyinzz,.lpm-bx4,#black_bg').hide();
       return false;
    }else{
      layer.closeAll('loading');
      layer.open({content: data.info,time: 2 ,style: 'background: rgba(185, 0, 0, 0.6); color:#fff; border:none;' });
      return false;
    }
  }
    $("#bmkfCallClose2").on("click",function(){
         $(".lpm-bx4,#black_bg").fadeOut();
    });
 });
</script>
<!-- 底部 -->
{eju:include file="footer.htm"/}
<!-- 底部end -->
<!-- 报名看房 -->
<div class="black-bg" style="display: none;" id="black_bg"></div>
<div class="send-mess lpm-bx3" style="display: none;">
  <p class="regist-title"><span class="lpm-bx3-t"></span> <span class="close close-send lpm-colse2" title="关闭" id="bmkfCallClose">×</span></p>
  <div class="regist-form">
    <p class="send-mess-text1" id="box1_t">请留下手机号码，置业顾问会尽快联系您</p>
    {eju:form formid="1"  success='closeregist'}
    <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
      <input type="text" class="regist-input3 mt15" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}" >
      <div class="h30"> </div>
      <input type="submit" value="提交" class="regist-submit">
      {$field.hidden}
    </form>
    {/eju:form} </div>
</div>
<div class="send-mess lpm-bx4" style="display: none;">
  <p class="regist-title"><span class="lpm-bx2-t"></span> <span class="close close-send lpm-colse2" title="关闭" id="bmkfCallClose2">×</span></p>
  <div class="regist-form">
    <p class="send-mess-text1" id="box2_t">请输入正确的手机号码 ，置业顾问会尽快联系您</p>
    {eju:form formid="1"  success='closeregistf'}
    <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
      <input type="text" class="regist-input3 mt15" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}">
      <div class="h8" style="height: 8px;"> </div>
      <input type="submit" value="立刻抢红包" class="regist-submitf">
      {$field.hidden}
    </form>
    {/eju:form} </div>
</div>
<!-- 领取红包 -->
<div class="black-bgf" style="display: none;" id="black_bgf"></div>
<div class="send-messf lpm-bx3f" style="display: none;">
  <p class="regist-titlef"><span class="lpm-bx4-tf"></span> <span class="closef close-sendf lpm-colse2f" title="关闭" id="bmkfCallClose1"> <img src="{eju:global name='web_templets_pc' /}/skin/images/gb.png"> </span> </p>
  <div class="regist-formf">
    <p class="send-mess-text1f">请输入正确的手机号码 ，置业顾问会尽快联系您</p>
    {eju:form formid="1"  success='closeregistf'}
    <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
      <input type="text" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}" class="regist-input3f mt15">
      <div class="h8" style="height: 8px;"></div>
      <input type="submit" value="立刻抢红包" class="regist-submitf">
      {$field.hidden}
    </form>
    {/eju:form} </div>
</div>
<!-- 报名看房 end-->
<!-- 生成二维码 -->
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
    width : 150,
    height : 150
});

function makeCode () {
    var elText = document.getElementById("text");

    if (!elText.value) {
        alert("Input a text");
        elText.focus();
        return;
    }

    qrcode.makeCode(elText.value);
}

makeCode();

$("#text").
    on("blur", function () {
        makeCode();
    }).
    on("keydown", function (e) {
        if (e.keyCode == 13) {
            makeCode();
        }
    });
</script>
</body>
</html>
